<template>
  <view class="pay-select"  @click="handleSelect">
    <view class="row-label">{{$t('order.methods')}}</view>
    <view class="row-content">
      <view>{{ payType | payTypeFilter }}</view>
      <!-- <image class="right" :src="asyncImgs.my.icon_right_3" mode="aspectFit"></image> -->
      <i class="iconfont icon-arrow-right" style="color:#cdcdcd;font-size: 22rpx"></i>
    </view>
  </view>
</template>

<script>
// 1:微信，2:货到付款，3:余额，4:支付宝，7:朋友代付
export default {
  data() {
    return {
      value: "",
      showPopup: false,
    };
  },
  props: {
    payType: {
      type: [String,Number],
      default: "",
    },
  },
  filters: {
    payTypeFilter(val) {
      if (!val) return "请选择支付方式";
      let arr = ["", "微信支付", "货到付款", "余额支付", "支付宝支付","","","朋友代付"];
      return arr[val];
    },
  },
  computed: {},
  methods: {
      handleSelect() {
          this.$emit('handleSelect');
      }
  },
};
</script>

<style lang="scss"scoped>
.pay-select {
  width: 100%;
  height: 96rpx;
  background: #ffffff;
  // border-radius: 26rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30rpx;
  font-size: 28rpx;
  color: #262626;
  font-weight: 400;
  margin-top: 24rpx;

  .row-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    .right {
      margin-left: 20rpx;
      width: 12rpx;
      height: 20rpx;
    }
  }
}
</style>
